<template>
    <view>
        <u-navbar :autoBack="true" :safeAreaInsetTop="true" :placeholder="true" bgColor="#FFF" :fixed="true">
            <view slot="left" style="display: flex;" @click="onBack(true)">
                <u-icon name="arrow-left" size="24"></u-icon>
            </view>
            <view slot="center">
                完成测评
            </view>
        </u-navbar>
        <view style="text-align: center;">
            <image style="width: 380rpx;height: 540rpx;" src="../../static/images/complete.svg" mode=""></image>
            <view style="font-size: 18px;font-weight: 500;margin-top: 60rpx;">您的得分为<text style="font-size: 22px;">{{
                fraction }}</text>分
            </view>
            <!-- <view style="font-weight: 400;margin-top: 40rpx;">{{ countdown }}s 后返回登录页面</view> -->
            <button type="default" hover-class="hoverClass"
                style="color:#fff; width: 260rpx;  width: 200rpx; line-height: 72rpx;" class="gradient-button" @click="() => {
                    onBack(false)
                }">完成测评</button>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            countdown: 30,
            fraction: 0,
        }
    },

    onLoad(option) {
        this.fraction = option.fraction
    },
    onUnload() {
        // wx.onAppRoute((res) => {
        //     console.log('路由变化', res.path);
        //     if (res.path === 'pages/practiceTesting/selfTestingPage') {
        //         console.log('用户通过手势返回');
        //         uni.navigateBack({
        //             delta: 2
        //         })
        //     }
        // });
        console.log('页面卸载');
        // 在这里处理页面返回的逻辑
        uni.navigateBack({
            delta: 2
        });
    },
    mounted() {
        // this.startCountdown()
    },
    methods: {
        // startCountdown() {
        //     let timer = setInterval(() => {
        //         if (this.countdown > 1) {
        //             this.countdown--
        //         } else {
        //             clearInterval(timer)
        //             // 在倒计时结束后执行相应的操作
        //             this.onBack()
        //         }
        //     }, 1000)
        // },
        onBack(flag) {
            // 处理完成测评的逻辑
            uni.navigateBack({
                delta: flag ? 1 : 2
            })
            // uni.switchTab({
            //     url: "/pages/practiceTesting/practiceTestingPage"
            // })
        },
    },
    onBackPress() {
        // 返回 true 表示阻止默认的返回行为
        return true;
    }
}
</script>

<style>
page {
    background: #fff !important;
}

.gradient-button {
    border-radius: 12px;
    background: linear-gradient(90deg, #37B874 0%, #B7F5D4 100%);
    color: #fff;
    font-size: 16px;
    margin-top: 60rpx;
}

.hoverClass {
    opacity: 0.5;
}
</style>